<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			//判断是否隐藏可使用冒号hide
			$(function(){
				$(".x").click(function(){
					$(".1").toggle(1000);
				});
				$(".y").click(function(){
					$(".2").toggle(1000);
				}); 
				$(".er").click(function(){
					$(".san").toggle(1000);
				});
				$(".er2").click(function(){
					$(".san2").toggle(1000);
				});
				$(".er3").click(function(){
					$(".san3").toggle(1000);
				});
				$(".er4").click(function(){
					$(".san4").toggle(1000);
				});
				$(".er5").click(function(){
					$(".san5").toggle(1000);
				});
				$(".er6").click(function(){
					$(".san6").toggle(1000);
				});
			})
		</script>
	</head>
	<body>
		<div>
			<ul>
				<li>
					<a class="x">一级菜单</a>
					<ul class="1">
						<li class="er">二级菜单
						<ul>
							<li class="san">三级菜单</li>
						</ul>
						</li>
						<li class="er2">二级菜单
						<ul>
							<li class="san2">三级菜单</li>
						</ul>
						</li>
						<li class="er3">二级菜单
						<ul>
							<li class="san3">三级菜单</li>
						</ul>
						</li>
					</ul>
				</li>
				<li>
					<a class="y">一级菜单</a>
					<ul class="2">
						<li class="er4">二级菜单
						<ul>
							<li class="san4">三级菜单</li>
						</ul>
						</li>
						<li class="er5">二级菜单
						<ul>
							<li class="san5">三级菜单</li>
						</ul>
						</li>
						<li class="er6">二级菜单
						<ul>
							<li class="san6">三级菜单</li>
						</ul>
						</li>
					</ul>
				</li>
			</ul>	
		</div>
	</body>
</html>
